import { widgets, WidgetsType } from '..'
import styles from './styles.module.less'
import WidgetListItemContent from './WidgetListItemContent';
/**
 * 组件列表
 * @returns ReactNode
 */
const WidgetList = () => {

  const widgetsKeys = Object.keys(widgets) as WidgetsType[]

  return (
    <ul className={styles.WidgetList} >
      {widgetsKeys.map((key, index) => {
        return (
          <li key={index}>
            <WidgetListItemContent widgetType={key} />
          </li>
        )
      })}
    </ul>
  )
}
export default WidgetList